/* =============== Reset ==*/
body, div, span, ul, li, input, label{margin:0; padding:0;  font-family:"Open Sans","Helvetica Neue",Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-size:14px; line-height:20px;}
body{color:#000; width:100%; /*height:100%; overflow:hidden;*/ min-width:750px;}
ol, ul, li{list-style:none}
label, input, button, select{font-size:14px; font-weight:normal; line-height:20px}
input, textarea, keygen, select, button, isindex, meter, progress{outline:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
/* =============== End ==*/

/*default*/
a{color:#000; text-decoration:none}
a:hover{color:#20caa3;}
h2{font-size:18px;}
h3{font-size:22px;}
.red{color:#de1d1c !important}
.t12{font-size:12px !important}
.clear{clear:both;height:0;line-height:0;margin:0 auto;font-size:1px}
.fade{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.fade.in{opacity:1;display:block\0;}
.fade.out{opacity:0; display:none}
.close{float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20); font-family: "Open Sans"; cursor:auto}
.clx:after{clear:both;content:"";display:block;height:0;visibility:hidden;color:#333}

input[type="text"], input[type="password"]{border-radius:0!important; border-width:1px; color:#AAA; background-color:#FFF; border-color:#d5d5d5; box-shadow:none; -moz-transition-duration:.1s; -webkit-transition-duration:.1s; -o-transition-duration:.1s; -ms-transition-duration:.1s; transition-duration:.1s}
input[type="text"], input[type="password"]{display:inline-block; height:24px; padding:4px 6px; font-size:16px; line-height:24px; color:#555; vertical-align:middle; background-color:#fff; border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border linear .2s,box-shadow linear .2s; transition:border linear .2s,box-shadow linear .2s}
.btn,.btn-no{display:inline-block; *display:inline; width:275px; padding:10px 0px; margin-bottom:0; *margin-left:.3em; font-size:18px; line-height:20px; color:#f2f2f2; text-align:center; vertical-align:middle; cursor:pointer; background-color:#179f7c; border:0; *zoom:1;}
.btn:hover, .btn:focus, .btn:active, .btn.active{color:#fff; background-color:#20caa3;}
.btn-no {background: #ededed;border-color: #ccc;color: #999;cursor: default;}
/*Base*/

.wrapper {width:1000px; margin:0 auto; position:relative;}
.header {z-index:1; height:100px; border-bottom:1px solid #e3e3e3; background:#fff;}
.header .logo {float:left; width:246px; height:80px; margin-top:10px; background:url(new_logo.png?t=201607011630) no-repeat; background-image:-webkit-image-set(url(new_logo.png?t=201607011630) 1x,url(new_logo@2x.png?t=201607011630) 2x);}
.header .logo a {display:block; overflow:hidden;}
.header .text {float:right; margin-top:30px; font-size:14px; line-height:40px; color:#7b7b7b;}
.header .text strong {margin:0 3px; font-size:32px; font-weight:400; color:#f5601f; vertical-align:-6px; *vertical-align:middle;}
.header .tools {float:right; margin-left:70px; padding:0 20px; position:relative;}
.header .tools .inner {line-height:100px;}
.header .tools i {display:inline-block; width:18px; height:18px; margin-right:3px; background:url(new_icon_app.png?t=201607011630) no-repeat; vertical-align:-4px;}
.header .tools .box {display:none; width:160px; height:170px; padding:20px 0 0; background:#000; background:rgba(0,0,0,.7); text-align:center; position:absolute; top:65px; left:10px; z-index:999;}
.header .tools .box p {margin-top:10px; color:#fff;}
.header .tools:hover .box {display:block;}

.content {padding:30px 0; background-position:top center; background-repeat:repeat-x;}
.content .wrapper {height:520px;}
.content .main{position:absolute; right:5px; top:70px; width:310px;}
.content .bigpic {background-repeat:no-repeat; position:absolute;}

ul.login{width:280px; height:320px; padding:0 15px; background:#fff; background:rgba(255,255,255,.9); box-shadow:0px 2px 4px rgba(0,0,0,.4); border-radius:5px; border:1px solid #aaa;}
ul.login h2 {height:40px; line-height:40px; margin:0; border-bottom:1px solid #d7d7d7;}
ul.login h2 span {float:left; width:56px; font-size:18px; line-height:40px; text-align:center; border-bottom:2px solid #179f7c;}
ul.login h2 a {float:right; margin-right:10px; color:#666; font-size:14px;}
ul.login h2 a:hover {color:#090;}
ul.login li{display:block; padding:5px 0px; font-size:14px;}
ul.login .mb20 {margin-bottom:20px;}
ul.login .mb10 {margin-bottom:10px;}
ul.login li div {position:relative;}
ul.login li div label {position:absolute; top:12px; left:7px; display:inline-block; width:30px; height:20px; color:#a9a9a9; background:url(v-label.png?t=201607011630) no-repeat;}
ul.login li .username {background-position:0 0;}
ul.login li .password {background-position:0 -20px;}

ul.login .valid .placeholder-valid {width:110px; padding-left:5px;}

ul.login li.tr{padding:15px 5px 0 0; text-align:right;}
ul.login li.tr label{width:70px}
input.text{width:227px; height:24px; line-height:24px; padding:7px 5px 7px 45px; border:1px solid #ccc; border-radius:0; background-color:#f5f5f5; box-shadow:inset 0 1px 5px -2px rgba(0,0,0,.3); color:#000; font-size:16px; -webkit-transition:all .1s; -moz-transition:all .1s; -ms-transition:all .1s; transition:all .1s}
input.text:focus{border:1px solid #179f7c; background-color:#fff;}
ul.login li label.remember{display:block; margin:0px 0px 10px; width:160px}
.placeholder-username {background-image:url(v-placeholder-new.png?t=201612281437); background-repeat:no-repeat; background-position:45px 0;}
.placeholder-password {background-image:url(v-placeholder-new.png?t=201612281437); background-repeat:no-repeat; background-position:45px -40px;}

/*Browsers download*/
.download .qrcode {position:absolute; top:15px; right:0;}
.download .qrcode div {float:left;}
.download .qrcode .text {margin-right:20px; line-height:50px;}
.download .qrcode .text i {display:inline-block; width:10px; height:10px; margin-right:7px; background:#179f7c;}
.download .qrcode .text i.ic-weibo {display:inline-block; width:16px; height:16px; margin:0 3px; background:url(logo-sns.png?t=201607011630) 0 0 no-repeat; overflow:hidden; vertical-align:-2px; *vertical-align:middle;}
.download .qrcode .text i.ic-wechat {display:inline-block; width:16px; height:16px; margin:0 3px; background:url(logo-sns.png?t=201607011630) 0 -16px no-repeat; overflow:hidden; vertical-align:-2px; *vertical-align:middle;}
.download .qrcode .qr {width:70px; height:70px; background:url(v-qrcode.png?t=201607011630) no-repeat;}

.download{width:100%; height:100px; background:#fff; border-top:1px solid #e3e3e3; font-size:12px;}
.download .downlink{display:inline-block; font-size:12px; line-height:100px; margin-right:30px}
.download .downlink span{display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:2px;}
.download .downlink span.se360{background:url(ico-360.png?t=201607011630) no-repeat}
.download .downlink span.chrome{background:url(ico-chrome.png?t=201607011630) no-repeat}
.contactus{position: absolute; left:1px;bottom: 12px;}
.contactus i{font-style:normal;display: inline-block;padding-left: 22px;}

/*pop*/
.graylayer{position:absolute; width:100%; height: 100%; top: 0px; bottom:0px; left:0px; right:0px; z-index: 15; opacity:1; background: rgba(0,0,0,.3); background:transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6B000000,endColorstr=#6B000000)\9; zoom:1\9; -moz-transition:all 0.3s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; -webkit-user-select:none; -moz-user-select:-moz-none; -webkit-user-drag:none;}
.modal{position:fixed; top:30%; left:50%; z-index:20; width:400px; margin-left:-200px; margin-top:-180px; background-color:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,0.3); *border:1px solid #999; outline:0; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box}
.modal.fade{opacity: 0; -webkit-transition:opacity .3s linear,top .3s ease-out; -moz-transition:opacity .3s linear,top .3s ease-out; -o-transition:opacity .3s linear,top .3s ease-out; transition:opacity .3s linear,top .3s ease-out; display:none}
.modal.fade.in{opacity:1;}
.modal-header{padding:9px 15px; border-bottom:1px solid #eee; background:url(pop-headerbg.png?t=201607011630) repeat;}
.modal-header .close{margin-top:2px; font-size:32px; cursor:pointer}
.modal-header h3{margin:0; color:#999; padding-top:3px; line-height:30px; font-weight:normal}
.modal-header h4{margin:0; color:#999; padding-top:3px; font-size:14px; font-weight:normal}
.modal-body{position:relative; padding:25px 15px; overflow-y:auto}
.modal-body ul li{padding:5px 0px; font-size:14px}
.modal-body ul li input[type="text"]{width:230px}
.modal-body ul li label{display:inline-block; width:100px; color:#777; padding-right:5px; font-size:14px; text-align:right}
.modal-body ul li a.add-book, .modal-body ul li a.del-book{display:inline-block; width:20px; height:20px; background:url(ico-book.png?t=201607011630) no-repeat 0 0; vertical-align:middle; font-size:20px; float:none;}
.modal-body ul li a.del-book{background-position:0 -30px;}
.modal-body ul li a.del-book:hover{background-position:-20px -30px;}
.modal-body ul li a.add-book:hover{background-position:-20px 0;}
.modal-body ul li select{width:220px; font-size:14px}
.modal-footer{padding:14px 15px 15px; margin-bottom:0; text-align:center; background-color:#eff8f1; border-top:1px solid #ddd; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; *zoom:1; -webkit-box-shadow:inset 0 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff}
.modal-footer:before, .modal-footer:after{display:table; line-height:0; content:""}
.modal-footer:after{clear:both}

.ui_selection {display:inline-block;}
.ui_selection .radio {display:inline-block; padding:4px 6px; margin:0 10px 0 0; color:#999; border:1px solid #ccc; font-size:14px;}
.ui_selection .radio:hover {border-color:#00b181;}
.ui_selection .on {color:#fff; padding:3px 5px; background:#00b181; border:2px solid #00b181;}
.ui_selection .hide {display:none;}

/*com suggestion*/
.com-suggest {width:370px; padding:10px; background:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); position:fixed; z-index:1060;}
.com-suggest .cls {width:30px; height:20px; padding:5px 0; background:#999; font-size:20px; font-family:"Open Sans"; text-align:center; color:#fff; position:absolute; right:-30px; top:-1px;}
.com-suggest .cls:hover {background:#777;}
.com-suggest-tab {margin-bottom:10px; border-bottom:1px solid #dedede;}
.com-suggest-tab li {float:left; display:inline; margin:0 5px 0 0;}
.com-suggest-tab li a {display:block; font-size:12px; padding:3px 10px; color:#777; border:1px solid #dedede; border-bottom:0;}
.com-suggest-tab li a:hover, .com-suggest-tab li .on {background-color:#179f7c; border-color:#179f7c; color:#fff;}
.com-suggest-content .item {padding-left:50px; position:relative;}
.com-suggest-content .item span {position:absolute; left:0; top:2px; font-size:12px; color:#000; font-weight:700;}
.com-suggest-content li a {display:inline-block; width:50px; line-height:24px; margin:0 0 0 5px; padding-left:5px; font-size:12px; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-suggest-content li a:hover, .com-suggest-content li .on {background-color:#179f7c; color:#fff;}
.com-suggest-content .notitle {padding-left:0;}
.com-suggest-content .notitle a {width:60px;}
.com-suggest-content .item-w a {width:auto; padding:0 5px;}
.com-suggest-content .data {margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #ccc; font-size:12px;}
.com-suggest-content .data .edit {display:inline;}

/*com results*/
.com-results {width:238px; padding:2px; background:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); position:fixed; z-index:1060; max-height:140px; overflow-y:auto;}
.com-results li {font-size:14px; line-height:20px; height:20px; padding:5px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.com-results li b {color:#179f7c;}
.com-results li:hover {background-color:#179f7c; color:#fff;}
.com-results li:hover b {color:#fff;}
.com-results .error, .com-results .error:hover {color:#fff; background-color:#c00; cursor:default; font-size:12px;}

/*signuppop*/
.modal.signuppop,.modal.signupsucc{width: 500px;margin-left: -250px;}
.modal.signuppop input[type="text"]{font-size: 14px;}
.modal.signuppop .btn,.modal.signuppop .btn-no,.modal.signupsucc .btn{font-size: 14px;}
.modal.signupsucc p{margin:0;margin-bottom: 5px;}
.modal.signupsucc input[type="text"]{border: none;box-shadow:none;width: 130px;font-size: 18px;}
.modal.signupsucc .modal-body ul li{text-align: center;}
.modal.signupsucc .modal-body ul li label{font-size: 18px; color: #000;}
.loading{position: absolute;left: 0;top: 0;right: 0;bottom: 0; text-align: center;padding-top: 207px; background-color: rgba(0,0,0,0.4);}
.loading-t{display:inline-block;width:220px; height:19px;margin-left:10px; background:url(loading-t.gif?t=201607061600) no-repeat;vertical-align:-3px; *vertical-align:middle;}
.modal.signuppop .modal-body ul li input[type="text"]{width: 295px;}
.modal.signuppop .ui_selection .radio{padding: 4px 14px;}
.modal.signuppop .ui_selection .on{padding: 3px 12px 3px 13px;}

/* RWD */
@media (max-width: 1100px) {
.wrapper {width:960px;}
}

/*
.new {background:url(v-blue.jpg?t=201607011630) repeat-x top;}
.new .content .bigpic {width:836px; height:485px; background:url(v-big.png?t=201505141715) no-repeat; position:absolute; top:0; left:-100px;}
*/

/*temp*/
.go5000 {width:326px; height:32px; background:url(go5000.png?t=201607011630) no-repeat; position:absolute; top:33px; left:326px; font-size:0; line-height:0; overflow:hidden;}

/* version 10000 */
.i10000 .content {background-image:url(v-10000.jpg?t=201607011630); padding-bottom:40px;}
.i10000 .content .bigpic {width:735px; height:580px; background-image:url(v-big-10000.png?t=201607011630); top:-30px; left:-20px;}

/* version fenghuang */
.ifenghuang .content {background-image:url(v-fenghuang.jpg?t=201607011630);}
.ifenghuang .content .bigpic {width:360px; height:260px; background-image:url(v-big-fenghuang.png?t=201607011630); top:-30px; left:35px;}

/* version xitang */
.ixitang .content {background-image:url(v-xitang.jpg?t=201607011630);}
.ixitang .content .bigpic {width:360px; height:260px; background-image:url(v-big-xitang.png?t=201607011630); top:-50px; left:105px;}

/* version ChristmasSpring */
.ixmas .content {background-image:url(v-ChristmasSpring.jpg?t=201607011630);}
.ixmas .content .bigpic {width:603px; height:159px; background-image:url(v-big-ChristmasSpring.png?t=201607011630); top:180px; left:10px;}
.ixmas .header{border-bottom: none;}
.ixmas .content .main{top: 25px;}
.ixmas .main .login-bg{width: 310px; height: 159px; background: url(v-SantaClaus.png?t=201607011630) no-repeat center;}
.ixmas ul.login{border:none; box-shadow: none; background: #fff; margin-top: -20px;}

/* version spring */
.spring .content {background-image:url(v-yangzhou.jpg?t=201607011630);}
.spring .content .bigpic {width:463px; height:131px; background-image:url(v-big-yangzhou.png?t=201607011630); top:60px; left:45px;}

/* version wuyuan */
.wuyuan .content {background-image:url(v-wuyuan.jpg?t=201607011630);}
.wuyuan .content .bigpic {width:420px; height:140px; background-image:url(v-big-wuyuan.png?t=201607011630); top:45px; left:10px;}

/* version erhai */
.erhai .content {background-image:url(v-erhai.jpg?t=201607011630);}
.erhai .content .bigpic {width:420px; height:140px; background-image:url(v-big-erhai.png?t=201607011630); top:55px; left:130px;}

/* version pingyao */
.pingyao .content {background-image:url(v-pingyao.jpg?t=201607011630);}
.pingyao .content .bigpic {width:245px; height:160px; background-image:url(v-big-pingyao.png?t=201607011630); top:-5px; left:80px;}

/* version mid-autumn */
.mid-autumn .content{background-image:url(v-mid-autumn.jpg?t=201607011630);}

/* version greatsnow */
.greatsnow .content {background-image:url(v-greatsnow.jpg?t=201607011630);}
.greatsnow .content .bigpic {width:245px; height:160px; background-image:url(v-big-greatsnow.png?t=201607011630); top:45px; left:200px;}

/* version newyear */
.newyear .content{background-image:url(v-newyear.jpg?t=201607011630);}

/* version spring2016 */
.spring2016 .content{background-image:url(v-spring2016.jpg?t=201607011630);}

/* version common */
.icommon .content{background-image:url(v-blue-sky.jpg?t=201607011630);}
.icommon .content .bigpic {width:836px; height:485px; background-image:url(v-big.png?t=201607011630); left:-100px;}

/* version moganshan */
.moganshan .content{background-image:url(v-log-april.jpg?t=201704061454);}


